<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="<?php bloginfo('description'); ?>">
        <meta name="author" content="">
        <link rel="shortcut icon" href="assets/ico/favicon.ico">

        <title><?php bloginfo('name'); ?> <?php wp_title(); ?></title>

        <!-- Bootstrap core CSS -->
        <link href="<?php bloginfo('template_url'); ?>/dist/css/bootstrap.min.css" rel="stylesheet">

        <!-- Just for debugging purposes. Don't actually copy this line! -->
        <!--[if lt IE 9]><script src="<?php bloginfo('template_url'); ?>/assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->

        <!-- Custom styles for this template -->
        <link href="<?php bloginfo('template_url'); ?>/css/carousel.css" rel="stylesheet">
        <link href="<?php bloginfo('template_url'); ?>/style.css" rel="stylesheet">
        <link href="<?php bloginfo('template_url'); ?>/css/datepicker3.css" rel="stylesheet">
        <?php wp_head(); ?>
    </head>

    <body>
        <!-- Top Header -->
        <div class="top-header">
            <div class="container">
                <div class="website-name pull-left">
					<a href="<?php echo get_option('home'); ?>">
						<img src="<?php bloginfo('template_url'); ?>/img/logo.png" alt="Logo">
					</a>                    
                </div>                
                <div class="hotel-contact pull-right">
                    <span style="font-size: 14px; color: #fff;">TEL     :  (+84) 906 434 232</span><br />
                    <span>Fax     :  (+84) 543 938 719</span><br>
                    <span>Email   :  Office@hongthanghotel.vn</span>
                </div>
            </div>
            <hr>
            <hr>
        </div>
        <!-- End Top Header -->

        <!-- Menu + Slider -->
        <div class="mainmenu-slider">
            <div class="main-menu">
                <div class="container">
                    <div class="navbar navbar-inverse navbar-static-top" role="navigation">
                        <div class="container">
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>              
                            </div>
                            <div class="navbar-collapse collapse" align="center">
                                <?php
                                wp_nav_menu(array(
                                    'menu' => 'primary',
                                    'theme_location' => 'hongthang',
                                    'depth' => 2,
                                    'menu_class' => 'nav navbar-nav',
                                    'depth' => 2,
                                    'container' => false,
                                    //Process nav menu using our custom nav walker
                                    'walker' => new wp_bootstrap_navwalker())
                                );
                                ?>
                                <div style="float: right; margin: 7px 15px 0 0;">
                                    <?=qtrans_generateLanguageSelectCode('dropdown');?>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Home Page Slider -->
<?php if (is_home()): ?>
                <div id="slider-home" class="carousel slide" data-ride="carousel">
                    <div class="container">
                        <?php 
                            if( class_exists('Dynamic_Featured_Image') ) {
                                global $dynamic_featured_image;                                
                                $featured_images = $dynamic_featured_image->get_featured_images( 170 );
                            }
                        ?>
                        <!-- Indicators -->
                        <ol class="carousel-indicators">
                            <?php foreach ($featured_images as $k => $v): ?>                               
                                <li data-target="#slider-home" data-slide-to="<?php echo $k;?>" class="<?php if ($k == 0) echo 'active';?>"></li>
                            <?php endforeach;?>
                        </ol>
                        <div class="carousel-inner thumbnail">
                            <?php //$first_silder_image = get_post(170);?>
                            <!-- <div class="item active">
                                <?php the_post_thumbnail();?>
                            </div> -->                            
                            <?php foreach ($featured_images as $key => $value):?>
                                <div class="item <?php if ($key == 0) echo 'active';?>">
                                    <img src="<?php echo $value['full'];?>" alt="Second slide">                                    
                                </div>
                            <?php endforeach;?>
                            <!-- <div class="item">
                                <img src="<?php bloginfo('template_url'); ?>/img/main-slider.jpg" alt="Second slide">
                            </div>
                            <div class="item">
                                <img src="<?php bloginfo('template_url'); ?>/img/main-slider.jpg" alt="Third slide">
                            </div> -->                        
                        </div>
                        <div class="container">
                            <a class="left carousel-control" href="#slider-home" data-slide="prev">
                                <span class="glyphicon glyphicon-chevron-left"></span>
                            </a>
                            <a class="right carousel-control" href="#slider-home" data-slide="next">
                                <span class="glyphicon glyphicon-chevron-right"></span>
                            </a>
                        </div>
                    </div><!-- /.carousel -->
                </div>
<?php endif; ?>
            <!-- End Home Page Slider -->
            <div class="clearfix hr1">&nbsp;</div>
            <div class="pattern-bottom"></div>
            <hr>
        </div>
        <!-- End Menu + Slider -->

